<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>竞猜</title>

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!-- jQuery文件。务必在bootstrap.min.js之前引入 -->
		<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
		<link rel="stylesheet" href="__STATIC__/jcweb/css/base.css" />
		<link rel="stylesheet" href="__STATIC__/jcweb/css/game.css" />
		<script>
		var apihost = "{$apihost}";
		var pushhost = "{$pushhost}";
		</script>
		<script src="__STATIC__/jcweb/js/game.js"></script>
		<script src="__STATIC__/jcweb/js/utils.js"></script>
		<script src="__STATIC__/jcweb/js/numberAnimate.js"></script>
		<script src="__STATIC__/jcweb/js/countDown.js"></script>
		{include file="public/wxopera" /}
	</head>

	<body>
		{include file="public/header" /}
		{include file="public/footer" /}

		<!--内容-->
		<section class="center-content sectionContent">
			<div id="titleDiv" class="flex title-div">
				<div id="sizeDiv" class="flex-1 text-center classifyDiv active">
					大小场
				</div>
				<div id="singleDiv" class="flex-1 text-center classifyDiv">
					大小单双场
				</div>
				<div id="preciseDiv" class="flex-1 text-center classifyDiv">
					精确场
				</div>

			</div>
			<div class="flex title-div2 bg1 v-center">
				<div class="padding5">
					<div class="explainClass corner-padding">
						<a style="text-decoration: none;color: white;" href="{:url('Index/history')}"><span>往期回顾</span></a>

					</div>
				</div>
				
				<div class="flex-1 padding5 flex h-center v-center">
					<span>在线人数:</span><span style="padding-top: 5px;" class="online"></span>
				</div>
				<div onclick="explain()" class="">
					<div class="explainClass corner-padding">
						<span>玩法说明</span>

					</div>
				</div>
			</div>
			
			
			<div id="jc_middle" class="flex fill-all v-flex" style="top:70px;">
			
			<div class="">
			<div class="bg4 flex v-center">
				<div style="margin: 0px auto;">
					<div class="padding5 inputSize">
					<img class="margin-right5" src="__STATIC__/jcweb/img/bg-5.png" style="width: 18%;" />
					<span class="curr_qiq"></span>期
					<img class="margin-left5" src="__STATIC__/jcweb/img/bg-5.png" style="width: 18%;" />
				</div>
				<div class="inputSize">
					<img src="__STATIC__/jcweb/img/bg-6.png" class="bg6 floatLeft" />
					<div class="floatLeft whiteColor bg8">
						<font id="countDown-decade">0</font>
					</div>
					<div class="floatLeft whiteColor bg8">
						<font id="countDown-unit">0</font>
					</div>
				</div>
				</div>

			</div>
			
			</div>
			<div class="flex-1 flex v-center">
			<div class="bg7 fill-w">
				<div class="padding5 inputSize whiteColor">
					<span id="curr_qi2"></span>期
				</div>
				<div class="flex">
					<div class="flex-5 text-center">
						<div class="numberRun2"></div>
					</div>

					<div class="flex-2 flex text-center" style="margin-bottom: 15px;">
						<div class="flex-1 flex h-center v-center">
							<span class="result curr_qi2_res1 violetbackage">-</span>
						</div>
						<div class="flex-1 flex h-center v-center">
							<span class="result curr_qi2_res2 violetbackage">0</span>
						</div>
						<div class="flex-1 flex h-center v-center">
							<span id="curr_qi2_res" class="result violetbackage">小</span>
						</div>
					</div>
				</div>

				
				<div id="hiss" >
					
				</div>

			</div>
			
			</div>
			<div class="">
			
			<!--
            	作者：offline
            	时间：2017-06-17
            	描述：大小场
            -->
			<div id="sizeSession" class="bg9">
				<div class="padding5 inputSize whiteColor">
					<img src="__STATIC__/jcweb/img/bg-10.png" style="width: 20px;margin-top: -50px;" />
					<span class="curr_qiq">201706158888</span>期投注
				</div>
				<div id="sizeButton" class="flex padding5">
					<div id="size-big" class="flex-1 text-center padding5 whiteColor sizeButtonDiv" style="margin-left: 5px;">
						<span class="inputSize">1赔{$cahngci[0]['peilv']}</span>
						<div class="sizeButtonFont">大</div>
					</div>
					<div id="size-small" class="flex-1 text-center padding5 whiteColor sizeButtonDiv active">
						<span class="inputSize">1赔{$cahngci[0]['peilv']}</span>
						<div class="sizeButtonFont">小</div>
					</div>
					<div id="size-flat" class="flex-1 text-center padding5 whiteColor sizeButtonDiv">
						<span class="inputSize">1赔{$cahngci[3]['peilv']}</span>
						<div class="sizeButtonFont">合</div>
					</div>
				</div>
				<!--<div class="textAlign"  style="padding: 10px;">
					<button class="whiteColor floatLeft buttomMAX" style="margin-right: 2px;">MAX</button>
					<div onclick="reduceMonet('sizeMoney')" class="flex v-center floatLeft divSpan">
						<span class="icon-add flex v-center h-center">
							-
						</span>
					</div>

					<input id="sizeMoney" class="moneyInput floatLeft whiteColor textAlign"  type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="1"/>
					<div onclick="addMonet('sizeMoney')" class="flex v-center floatLeft divSpan">
						<span class="icon-add flex v-center h-center">
							+
						</span>
					</div>
					<button class="whiteColor buttomMAX" style="margin-left: 8px;background-color: deeppink;">下注</button>
				</div>-->
				<div class="flex " style="padding: 10px;width: 95%;">
					<button class="flex-2 whiteColor buttomMAX" onclick="btnMax()">MAX</button>

					<div onclick="reduceMonet('sizeMoney')" class="flex-1 flex v-center divSpan h-center">
						<span class="icon-game flex v-center h-center">
							-
						</span>
					</div>

					<input id="sizeMoney" class="flex-2 moneyInput whiteColor textAlign" type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="{$xia['min_value']/100}" />
					<div onclick="addMonet('sizeMoney')" class="flex-1 flex v-center  divSpan h-center">
						<span class="icon-game flex v-center h-center">
							+
						</span>
					</div>

					<button onclick="bottompoursize('size')" class="flex-2 whiteColor buttomMAX" style="background-color: deeppink;">下注</button>
				</div>
			</div>
			<!--
            	作者：offline
            	时间：2017-06-17
            	描述：大小单双场
            -->
			<div id="singleSession" class="bg9" style="display: none;">
				<div class="padding5 inputSize whiteColor">
					<img src="__STATIC__/jcweb/img/bg-10.png" style="width: 20px;margin-top: -50px;" />
					<span class="curr_qiq">201706158888</span>期投注
				</div>
				<div id="singleButton" class="flex padding5">
					<div id="single-big" class="flex-1 text-center padding5 whiteColor sizeButtonDiv active" style="margin-left: 5px;">
						<span class="inputSize">1赔{$cahngci[1]['peilv']}</span>
						<div class="sizeButtonFont">大单</div>
					</div>
					<div id="single-small" class="flex-1 text-center padding5 whiteColor sizeButtonDiv">
						<span class="inputSize">1赔{$cahngci[1]['peilv']}</span>
						<div class="sizeButtonFont">小单</div>
					</div>
					<div id="double-big" class="flex-1 text-center padding5 whiteColor sizeButtonDiv">
						<span class="inputSize">1赔{$cahngci[1]['peilv']}</span>
						<div class="sizeButtonFont">大双</div>
					</div>
					<div id="double-small" class="flex-1 text-center padding5 whiteColor sizeButtonDiv">
						<span class="inputSize">1赔{$cahngci[1]['peilv']}</span>
						<div class="sizeButtonFont">小双</div>
					</div>
				</div>
				<!--<div class="textAlign"  style="padding: 10px;">
					<button class="whiteColor floatLeft buttomMAX" style="margin-right: 2px;">MAX</button>
					<div onclick="reduceMonet('singleMoney')" class="flex v-center floatLeft divSpan">
						<span class="icon-add flex v-center h-center">
							-
						</span>
					</div>

					<input id="singleMoney" class="moneyInput floatLeft whiteColor textAlign" type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="1"/>
					<div onclick="addMonet('singleMoney')" class="flex v-center floatLeft divSpan">
						<span class="icon-add flex v-center h-center">
							+
						</span>
					</div>
					<button class="whiteColor buttomMAX" style="margin-left: 8px;background-color: deeppink;">下注</button>
				</div>-->
				<div class="flex " style="padding: 10px;">
					<button class="flex-2 whiteColor buttomMAX" onclick="btnMax()">MAX</button>

					<div onclick="reduceMonet('singleMoney')" class="flex-1 flex v-center divSpan h-center">
						<span class="icon-game flex v-center h-center">
							-
						</span>
					</div>

					<input id="singleMoney" class="flex-2 moneyInput whiteColor textAlign" type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="{$xia['min_value']/100}" />
					<div onclick="addMonet('singleMoney')" class="flex-1 flex v-center  divSpan h-center">
						<span class="icon-game flex v-center h-center">
							+
						</span>
					</div>

					<button onclick="bottompoursize('single')" class="flex-2 whiteColor buttomMAX" style="background-color: deeppink;">下注</button>
				</div>

			</div>
			<!--
            	作者：offline
            	时间：2017-06-17
            	描述：精确场
            -->
			<div id="preciseSession" class="bg9" style="display: none;">
				<div class="padding5 inputSize whiteColor">
					<img src="__STATIC__/jcweb/img/bg-10.png" style="width: 20px;" />
					<span class="curr_qiq">201706158888</span>期投注
				</div>
				<div class="flex padding5" style="margin-top: 10px;">
					<div id="precise-1" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2 active" style="margin-left: 5px;">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">1</div>
					</div>
					<div id="precise-2" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">2</div>
					</div>
					<div id="precise-3" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">3</div>
					</div>
					<div id="precise-4" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">4</div>
					</div>
					<div id="precise-5" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">5</div>
					</div>
				</div>
				<div class="flex padding5">
					<div id="precise-6" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2" style="margin-left: 5px;">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">6</div>
					</div>
					<div id="precise-7" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">7</div>
					</div>
					<div id="precise-8" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">8</div>
					</div>
					<div id="precise-9" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">9</div>
					</div>
					<div id="precise-0" class="flex-1 text-center padding5 whiteColor sizeButtonDiv2">
						<span class="inputSize2">1赔{$cahngci[2]['peilv']}</span>
						<div class="sizeButtonFont2">0</div>
					</div>
				</div>
				<!--<div class="textAlign"  style="padding: 10px;padding-bottom: 15px;">
					<button class="whiteColor floatLeft buttomMAX" style="margin-right: 2px;">MAX</button>
					<div onclick='reduceMonet('preciseMoney')" class="flex v-center floatLeft divSpan">
						<span class="icon-add flex v-center h-center">
							-
						</span>
					</div>

					<input id="preciseMoney" class="moneyInput floatLeft whiteColor textAlign" type="text" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" value="1"/>
					<div onclick="addMonet('preciseMoney')" class="flex v-center floatLeft divSpan">
						<span class="icon-add flex v-center h-center">
							+
						</span>
					</div>
					<button class="whiteColor buttomMAX" style="margin-left: 8px;background-color: deeppink;">下注</button>
				</div>-->
				<div class="flex " style="padding: 10px;">
					<button class="flex-2 whiteColor buttomMAX" onclick="btnMax()">MAX</button>

					<div onclick="reduceMonet('preciseMoney')" class="flex-1 flex v-center divSpan h-center">
						<span class="icon-game flex v-center h-center">
							-
						</span>
					</div>

					<input id="preciseMoney" class="flex-2 moneyInput whiteColor textAlign"  type="text" onkeyup="this.value=this.value.replace(/\D/g,' ')" onafterpaste="this.value=this.value.replace(/\D/g,' ')" value="{$xia['min_value']/100}"/>
					<div onclick="addMonet('preciseMoney')" class="flex-1 flex v-center  divSpan h-center">
						<span class="icon-game flex v-center h-center">
							+
						</span>
					</div>
					
					<button onclick="bottompoursize('precise')" class="flex-2 whiteColor buttomMAX" style="background-color: deeppink;">下注</button>
				</div>
			</div>
			</div>
			</div>
			
			
			
			
			
			<div id="marquee" class="marqueediv">
				
			</div>
			
			<input type="hidden" id="game_type" value="1" />
			<input type="hidden" id="xia_type" value="1" />
			<input type="hidden" id="xia_value" value="1" />
			<input type="hidden" id="xia_min" value="{$xia['min_value']/100}" />
			<input type="hidden" id="xia_max" value="{$xia['max_value']/100}" />
			<input type="hidden" id="pelv_1" value="{$cahngci[0]['peilv']}" />
			<input type="hidden" id="pelv_2" value="{$cahngci[1]['peilv']}" />
			<input type="hidden" id="pelv_3" value="{$cahngci[2]['peilv']}" />
			<input type="hidden" id="pelv_9" value="{$cahngci[3]['peilv']}" />
			<input type="hidden" id="select_peilv" value="{$cahngci[0]['peilv']}" />
			
		</section>
		
		<div id="explainpop" class="fill-all dialog flex v-center">
			<div class="pay-container" style="padding: 0px;background: none;">
				<img src="__STATIC__/jcweb/img/bg-19.png" onclick="popboxclose()" class="pay-close" />
				<img src="__STATIC__/jcweb/img/game_info.png" class="fill-w" />
			</div>
		</div>
		<!--等待开奖读秒-->
		<div id="timepop" class="fill-all dialog flex v-center" >
			<div class="poptime">
				 <svg class="alert-circle" width="194" height="194">
				  <circle cx="100" cy="100" r="88" fill="rgba(0,0,0,0)" stroke="#43AEFA" stroke-width="4"></circle>
				  <circle id="js-sec-circle" class="alert-sec-circle" cx="100" cy="100" r="88" fill="transparent" stroke="#F4F1F1" stroke-width="5" transform="rotate(-90 100 100)"></circle>
			
				 
				 </svg>
				  <div class="timeDiv">
				  	 <div id="js-sec-text" class="alert-sec-text"></div>
				  	 <font class="alert-sec-text">S</font>
				  </div>
				 
				 
				 
				 
				 <!-- <div id="js-sec-text" class="alert-sec-text"></div>-->
		         
				  <div class="whiteColor buttomMAX timeDivtext" >
				  	<font>投注结束,等待开奖...</font>
				  </div>
			 </div>	
		</div>
		<!--
        	作者：offline
        	时间：2017-06-23
        	描述：大小确定下注
        -->
		<div id="sizebetonpop" class="fill-all dialog flex v-center">
				
			<div class="pop">
				<img onclick="betonpopclose('size')" class="popimg" src="__STATIC__/jcweb/img/bg-19.png" />
				    
					<h1>押注</h1>
					<h2><span class="curr_qiq"></span>期</h2>
				    <div style="width: 100%;text-align: left;font-size: 17px;">
	
				    	<div style="height: 25px;margin: 2px;">
					    	<font class="floatLeft">本次竞猜</font>
					    	<span id="yazhu_res" class="floatRight">小</span>
				    	</div>
				        <div style="height: 25px;margin: 2px;margin-top: 5px;" >
					    	<font class="floatLeft">本次投入</font>
					    	<font class="floatRight"><span id="yazhu_money">{$xia['min_value']/100}</span>欢乐币</font>
				    	</div>
				    	<div style="height: 25px;margin: 2px;" >
					    	<font class="floatLeft">本次赔率</font>
					    	<font class="floatRight">1赔<span  id="yazhu_peilv">{$cahngci[0]['peilv']}</span></font>
				    	</div>
				        <div style="height: 25px;margin: 2px;" >
					    	<font class="floatLeft">预期收入</font>
					    	<font class="floatRight"><span id="yazhu_getMoney">{$cahngci[0]['peilv']*{$xia['min_value']/100}}</span>欢乐币</font>
				    	</div>
				    </div>
				     <div onclick="betonpopok('size')" class="pay-btn2">
						<img src="__STATIC__/jcweb/img/bg-32.png" class="fill-w" />
						<div class="fill-all flex h-center v-center pay-btn-word">
						确认
					</div>
					
				</div>
			</div>
		</div>
		
		<!--
        	作者：offline
        	时间：2017-06-23
        	描述：开奖结果
        -->
		<div id="runalotterypop" class="fill-all dialog flex v-center">
				
			<div class="pop">
				<img onclick="closezjdialog()" class="popimg" src="__STATIC__/jcweb/img/bg-19.png" />
				    
					<h1 id="kaijiangjieguo">开奖结果</h1>
					<h2 id="res_qi_name"></h2>
				    <div style="width: 100%;text-align: left;font-size: 17px;">
	
				    	<div style="height: 25px;margin: 2px;">
					    	<font class="floatLeft">开奖号码</font>
					    	<span id="result_num_1" class="result floatRight" style="background-color: #FFFFFF;color: #9F00EE;"></span>
					    	<span id="result_num_2" class="result floatRight" style="background-color: #FFFFFF;color: #9F00EE;margin-right: 5px;"></span>
					    	<span id="result_num_3" class="result floatRight" style="background-color: #FFFFFF;color: #9F00EE;margin-right: 5px;"></span>
				    	</div>
				       
				       <div class="flex text-center title-div"style="height: 25px;border: 1px solid floralwhite;">			
							<div class="flex-3" >
								<span>场次</span>
							</div>
							<div class="flex-2 flex h-center">
								<span >号码</span>
							</div>
							<div class="flex-2 flex h-center">
								<span>投注</span>
							</div>
							<div class="flex-2 flex h-center">
								<span>收入</span>
							</div>
						</div>	
				       <div id="xia_res_container" style="max-height: 250px;overflow-y: scroll;">
				       
				       </div>	
						 
				        
				     <div onclick="closezjdialog()" class="pay-btn2">
						<img src="__STATIC__/jcweb/img/bg-32.png" class="fill-w" />
						<div class="fill-all flex h-center v-center pay-btn-word">
						确认
					</div>
					
				</div>
			</div>
		</div>
		</div>
		<script>
		
		function closezjdialog(){
			$("#runalotterypop").css("visibility","hidden");
		}
		
		</script>
		
		
		
		{include file="public/paydialog" /}
	</body>

</html>